<!-- <template>
	<view class="buySelector">
		<view class="container">
			<view class="original">
				<view class="top">
				</view>
				<view class="center">
					<image src="../../static/icon/price.png"></image>
					<text class="totalPrice">￥30</text>
				</view>
				<view class="type">原价购买</view>
			</view>
			<view class="point">
				<view class="top">
					<view class="left">当前积分：200</view>
					<view class="right">消耗100积分</view>
				</view>
				<view class="center">
					<image src="../../static/icon/point.png"></image>
					<text class="totalPrice">￥27</text>
				</view>
				<view class="type">积分购买</view>
			</view>
		</view>
		<view class="container">
			<view class="pigeon">
				<view class="top">
					<view class="left">当前可用：5</view>
					<view class="right">消耗鸽子 × 4</view>
				</view>
				<view class="center">
					<image src="../../static/icon/pigeon2.png"></image>
					<text class="totalPrice">￥0</text>
				</view>
				<view class="type">鸽子购买</view>
			</view>
			<view class="egg">
				<view class="top">
					<view class="left">当前可用:5</view>
					<view class="right">消耗鸽蛋 × 5</view>
				</view>
				<view class="center">
					<image src="../../static/icon/egg4.png"></image>
					<text class="totalPrice">￥0</text>
				</view>
				<view class="type">鸽蛋购买</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.buySelector {
		background-color: white;
		width: 690rpx;
		// height: 420rpx;
		display: grid;
		padding: 10rpx;
		border-radius: 15px;
		color: white;
		
		.container{
			display: flex;
		}
		
		.top{
			height: 40rpx;
			line-height: 40rpx;
			.left{
				float: left;
				margin-left: 10rpx;
				font-size: 25rpx;
			}
			.right{
				float: right;
				font-size: 20rpx;
				margin-right: 10rpx;
			}
		}
		
		image{
			width: 90rpx;
			height: 90rpx;
		}
		
		.center{
			margin-left: 40rpx;
			display: flex;
			.totalPrice{
				display: block;
				font-size: 50rpx;
				height: 90rpx;
				line-height: 90rpx;
			}
		}
		
		.type{
			text-align: center;
		}

		.original {
			margin: 0 10rpx 10rpx 0;
			width: 340rpx;
			height: 200rpx;
			border-radius: 10px;
			background-color: #49D187;
			
		}

		.point {
			margin-bottom: 10rpx;
			width: 340rpx;
			height: 200rpx;
			border-radius: 10px;
			background-color: #FFB300;
		}
		
		.disCount{
			width: 340rpx;
			height: 200rpx;
			margin-right: 10rpx;
			border-radius: 10px;
			background-color: #FF5733;
		}
		
		.selectDisCountBtn{
			background-color: #00B4F1;
			font-size: 35rpx;
			width: 200rpx;
			height: 150rpx;
			color: white;
		}

		.pigeon {
			width: 340rpx;
			height: 200rpx;
			margin-right: 10rpx;
			border-radius: 10px;
			background-color: #FF9D56;
		}

		.egg {
			width: 340rpx;
			height: 200rpx;
			border-radius: 10px;
			background-color: #00B4F1;
		}


	}
</style>
 -->